Vue.component('show-data', {
    props: ['arr'],
    template: `

    <div>
    <div class="Merchant" v-for="meituan in meituanList" :key="meituan.id">
    <div class="left-box">
        <img src="meituan.image">

    <div>                          
    <div class="Merchant" v-for="meituan in arr">
    <div class="left-box">
        <img v-bind:src="meituan.image">

    </div>
    <div class="right-box">
        <div class="name-box">
            <span>{{meituan.name}}</span>

            <button>支持自取</button>
        </div>
        <div>
            <div>
                <span>*****</span>
                <span>月售{{meituan.star}}</span>
            </div>
            <div>
                <span>{{meituan.timeUsed}}分钟</span>

            <button v-show="meituan.pickup">支持自取</button>
        </div>
        <div>
            <div>
                <span class="sell">*****</span>
                <span>月售{{meituan.star}}</span>
            </div>
            <div class="ck">
                <span>{{meituan.timeUsed}}分钟</span>
                <span>|</span>

                <span>{{meituan.distance}}km</span>
            </div>
        </div>
        <div>
            <span>起送￥{{meituan.distance}}</span>
            <span>配送￥{{meituan.transportFee}}</span>
        </div>

        <div>
            <p>
                <span>减</span>
                <span>满20减8;满50减25;满80减45;满100减55</span>
            </p>
            <p>
                <span>减</span>
                <span>新用户立减15元;首次使用银行卡支付半价</span>
            </p>
        </div>
    </div>
</div></div>
    `




});

new Vue({
    el: '#main',
    data: {
       
        arrNum: [1,2,3],
        arrLetter: ['A','B','C'],

      one:[
        {
            "image": "http://assets.aulence.com/images/meituan-seller/log-001.jpg",
            "name": "姐妹荷叶饭",
            "star": 4912,
            "pickup": true,
            "salesCount": 4912,
            "timeUsed": 38,
            "distance": 1.8,
            "startFee": 18,
            "transportFee": 1,
            "giveMeMoney": 500,
            "activities": "<p><span class=\"red\">减</span>满20减8;满50减25;满80减45;满100减55</p><p><span class=\"purple\">减</span>新用户立减15元;首次使用银行卡支付半价</p>"
        },
      ],
      
      two:[
        {
            "image": "http://assets.aulence.com/images/meituan-seller/log-002.jpg",
            "name": "军魂干伴冒菜",
            "star": 2613,
            "pickup": false,
            "salesCount": 2613,
            "timeUsed": 52,
            "distance": 2.4,
            "startFee": 30,
            "transportFee": 4,
            "giveMeMoney": 400,
            "activities": "<p><span class=\"red\">减</span>满20减8;满50减25;满80减45;满100减55</p> <p><span class=\"purple\">减</span>配送费立减1元</p>"
        },
      ],

      therr:[
        {
            "image": "http://assets.aulence.com/images/meituan-seller/log-003.jpg",
            "name": "好吃得一哔（高新店）",
            "star": 3656,
            "pickup": false,
            "salesCount": 3656,
            "timeUsed": 33,
            "distance": 1.6,
            "startFee": 10,
            "transportFee": 2,
            "giveMeMoney": 300,
            "activities": "<p><span class=\"red\">减</span>满20减8;满50减25;满80减45;满100减55</p> <p><span class=\"purple\">减</span>本店新用户立减1元，新用户立减15元</p>"
        },
      ],
      box:[
        {
            "image": "http://assets.aulence.com/images/meituan-seller/log-004.jpg",
            "name": "宜宾燃面",
            "star": 9188,
            "pickup": true,
            "salesCount": 9188,
            "timeUsed": 24,
            "distance": 0.9,
            "startFee": 8,
            "transportFee": 1,
            "giveMeMoney": 200,
            "activities": "<p><span class=\"red\">减</span>满20减8;满50减25;满80减45;满100减55</p> <p><span class=\"purple\">减</span>新用户立减15元</p>"
        },
      ],
      se:[
        {
            "image": "http://assets.aulence.com/images/meituan-seller/log-005.jpg",
            "name": "正新鸡排",
            "star": 3566,
            "pickup": true,
            "salesCount": 3566,
            "timeUsed": 43,
            "distance": 1.1,
            "startFee": 20,
            "transportFee": 0,
            "giveMeMoney": 100,
            "activities": "<p><span class=\"red\">减</span>满20减8;满50减25;满80减45;满100减55</p> <p><span class=\"purple\">减</span>本店新用户立减5元</p>"
        }
      ]

    }
});